layui.config({
    base: '../../static/layuiadmin/' //静态资源所在路径
}).extend({
    index: 'lib/index' //主入口模块
}).use(['index', 'useradmin', 'table'], function(){
    var table = layui.table,layer = layui.layer; //独立版的layer无需执行这一句

    var userList= table.render({
        elem: '#userList'
        // ,height: 'full-100'
        ,limit:10
        ,url: '/admin/list' //数据接口
        ,page: true //开启分页
        ,skin: 'row' //行边框风格
        ,even: true //开启隔行背景
        ,size: 'sm' //小尺寸的表格
        ,cellMinWidth: 80
        ,cols: [[ //表头
            {field: 'id', title: 'id' , width:60,align:'center'}
            ,{field: 'username', title: '登录名', align:'center'}
            ,{field: 'realname', title: '管理员名称', align:'center'}
            ,{field: 'gender', title: '性别',align:'center',width:60,
                    templet:function (item) {
                        if(item.gender){
                            return "<a style='color:red'>女</a>";
                        }else {
                            return "<a style='color:blue'>男</a>";
                        }
                    }}
            ,{field: 'status', title: '状态',width:100,align:'center',templet:function (item) {
                    if(item.status){
                        return "<a style='color:green'>激活</a>";
                    }else {
                        return "<a style='color:red'>冻结</a>";
                    }
                }}
            ,{field: 'roleName', title: '角色名称', align:'center'}
            ,{field: 'phone', title: '联系电话', align:'center'}
            ,{field: 'createtime', title: '创建时间', align:'center'}
            ,{field: 'updatetime', title: '更新时间', align:'center'}
            ,{fixed: 'right', title: '操作', align:'center', toolbar: '#barDemo'}
        ]]
    });
    $("#add").click(function () {
        layer.open({
            type: 2
            ,anim:1
            ,area:['100%', '100%']
            ,title: "添加用户信息"
            ,btn: ['保存','取消']
            ,content: 'addAdmin.html'
            ,yes: function(index, layero){
                // layer.close(index);//需要手动关闭窗口
                //监听提交
                var iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象，执行iframe页的方法：
                var submit=iframeWin.document.getElementById("submit");
                submit.click();

            }
        });
    });
    //监听行工具事件
        table.on('tool(test)', function(obj){
        var data = obj.data,layEvent = obj.event;
        if(layEvent === 'edit'){//修改
            //  弹出订单查看
            layer.open({
                type: 2
                ,anim:1
                ,area:['100%', '100%']
                ,title: "修改用户信息"
                ,btn: ['保存','取消']
                ,content: 'addAdmin.html?id='+data.id
                ,yes: function(index, layero){
                    // layer.close(index);//需要手动关闭窗口
                    //监听提交
                    var iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象，执行iframe页的方法：
                    var submit=iframeWin.document.getElementById("submit");
                    submit.click();
                },
                end:function () {
                    $(".layui-laypage-btn").click();
                }
            });
        }else if (layEvent === 'del'){        //删除用户
            layer.confirm('确定要删除用户['+data.username+']吗？', {
                btn: ['是', '否']
            }, function(index, layero){
                $.ajax({
                    url:"/admin/delete",
                    type:"get",
                    data:{id:data.id},
                    success:function (result) {
                        if(result.code==0){
                            layer.msg('删除成功！', {icon: 1,time:2000,shade:0.2});
                            setInterval(function () {
                                window.location.reload();
                            },500);
                        }else {
                            layer.alert("删除失败！", {icon: 2,time:2000,shade:0.2});
                        }
                    }
                });
            }, function(index){
            });
        }
    });
});